<?php
session_start();
include './c/config.php';
include 'jssdk.php';
$jssdk = new JSSDK($appId, $secret);
$signPackage = @$jssdk->GetSignPackage();
$cdnUrl='./';
$openid='';

if (isset($_GET['op'])){
    $_SESSION['openid']=$_GET['op'];
}

if (isset($_SESSION['openid'])){
    $openid=$_SESSION['openid'];
}
if (empty($openid)){
    exit;
}
$hasQian=false;
$mysqli = new mysqli($dbhost, $dbuser, $dbpwd, $dbName);
$queryName=$mysqli->query("select id from uinfo where openid='".$openid."' limit 0, 1");
if($queryName->num_rows>0){
    $hasQian=true;
}
?><!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>海信</title>
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
<style>
html,body{width:100%;font-size:12px;font-family:Helvetica,Tahoma, Arial, STXihei,Microsoft YaHei, Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;}
body{-webkit-overflow-scrolling: touch;overflow-scrolling: touch;overflow-y: scroll;}
body, div{padding:0px;margin:0px auto;max-width:750px;}
.weui-dialog{position:fixed;z-index:5000;width:80%;max-width:300px;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background-color:#FFF;text-align:center;border-radius:3px;overflow:hidden}.weui-dialog__hd{padding:1.3em 1.6em .5em}.weui-dialog__title{font-weight:400;font-size:36px}.weui-dialog__bd{padding:0 1.6em .8em;min-height:40px;font-size:15px;line-height:1.3;word-wrap:break-word;word-break:break-all;color:#999}.weui-dialog__bd:first-child{padding:1.2em 20px .1em;color:#353535}.weui-dialog__ft{position:relative;line-height:48px;font-size:18px;display:-webkit-box;display:-webkit-flex;display:flex}.weui-dialog__ft:after{content:" ";position:absolute;left:0;top:0;right:0;height:1px;border-top:1px solid #D5D5D6;color:#D5D5D6;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(.5);transform:scaleY(.5)}.weui-dialog__btn{display:block;-webkit-box-flex:1;-webkit-flex:1;flex:1;color:#3CC51F;text-decoration:none;-webkit-tap-highlight-color:transparent;position:relative}.weui-dialog__btn:active{background-color:#EEE}.weui-dialog__btn:after{content:" ";position:absolute;left:0;top:0;width:1px;bottom:0;border-left:1px solid #D5D5D6;color:#D5D5D6;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleX(.5);transform:scaleX(.5)}.weui-dialog__btn:first-child:after{display:none}.weui-dialog__btn_default{color:#353535}.weui-dialog__btn_primary{color:#0BB20C}@media screen and (min-width:1024px){.weui-dialog{width:35%}}.weui-mask{position:fixed;z-index:1000;top:0;right:0;left:0;bottom:0;background:rgba(0,0,0,.6)}
.weui-mask_transparent{position:fixed;z-index:1000;top:0;right:0;left:0;bottom:0}
.js_dialog{display:none;}
.weui-toast {
  position: fixed;
  z-index: 5000;
  width: 136px;
  height: 136px;
  top: 30%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  text-align: center;
  border-radius: 12px;
  color: rgba(255,255,255,0.9);
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  background-color: #4c4c4c;
  box-sizing: border-box;
  line-height: 1.4;
}
.weui-icon-warn {
  -webkit-mask-image: url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12%2022C6.477%2022%202%2017.523%202%2012S6.477%202%2012%202s10%204.477%2010%2010-4.477%2010-10%2010zm-.763-15.864l.11%207.596h1.305l.11-7.596h-1.525zm.759%2010.967c.512%200%20.902-.383.902-.882%200-.5-.39-.882-.902-.882a.878.878%200%2000-.896.882c0%20.499.396.882.896.882z%22%2F%3E%3C%2Fsvg%3E);
  mask-image: url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12%2022C6.477%2022%202%2017.523%202%2012S6.477%202%2012%202s10%204.477%2010%2010-4.477%2010-10%2010zm-.763-15.864l.11%207.596h1.305l.11-7.596h-1.525zm.759%2010.967c.512%200%20.902-.383.902-.882%200-.5-.39-.882-.902-.882a.878.878%200%2000-.896.882c0%20.499.396.882.896.882z%22%2F%3E%3C%2Fsvg%3E);
}
.weui-icon_toast.weui-icon-warn {
  color: rgba(255,255,255,0.9);
}
[class^="weui-icon-"],[class*=" weui-icon-"] {
  display: inline-block;
  vertical-align: middle;
  width: 24px;
  height: 24px;
  -webkit-mask-position: 50% 50%;
  mask-position: 50% 50%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  background-color: currentColor;
}
.weui-toast_text-more .weui-icon_toast {
  margin-bottom: 12px;
}
.weui-icon_toast {
  display: block;
  width: 40px;
  height: 40px;
  margin-bottom: 16px;
}
.weui-toast__content {font-size: 16px;padding: 0 12px;word-wrap: break-word;-webkit-hyphens: auto;hyphens: auto;}
.weui-toast_text-more .weui-toast__content {font-size: 14px;line-height: 1.6;}

-webkit-touch-callout:none;
-webkit-user-select:none;
html{-ms-touch-action:none;}
div,img{-webkit-tap-highlight-color:rgba(0,0,0,0);}
*{-webkit-text-size-adjust: none;}
.simg{position:absolute;display:block;}
a{text-decoration:none;}
.txt{position:absolute;text-align:center;text-indent:6px;color:#fff;font-size:12px;z-index:2;border:none;background:transparent;}
.txt::-webkit-input-placeholder{color:#fff;text-align:left;}
select{position:absolute;color:#787c7f;display:block;background:transparent;border:0px;text-indent:4px;font-size:12px;-webkit-appearance:none;}
.container{position:relative;width:100%;overflow-x:hidden;transform:translate3d(0,0,0);overflow:hidden;width:100%;height:auto;overflow:hidden;}
.p-b{position:absolute;width:100%;top:0;left:0;}
.page{position:absolute;display:none;width:100%;height:100%;top:0;left:0;background:#fff;}
.hide{display:none;}
@keyframes fadeInBottomLeft {
  from {
    opacity: 0;
    transform: translate3d(-10%, 10%, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.fadeInBottomLeft {
  animation-name: fadeInBottomLeft;
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -10%, 0);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.fadeInDown {
  animation-name: fadeInDown;
}
.animated{animation-duration:1s;animation-fill-mode: both;}
.anid15{animation-duration:1.5s;animation-fill-mode: both;}
.animated.infinite{animation-iteration-count: infinite;}
.scroll{overflow-y:scroll;-webkit-overflow-scrolling: touch;}
*{touch-action:pan-y;}
@-webkit-keyframes arr{ 
   from {
    opacity: 0;
    -webkit-transform: translate3d(0, -26%, 0);
    transform: translate3d(0, -26%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.lw100{position:absolute;width:100%;top:0;left:0;display:block;}
.home-t1{background:transparent url('./img/home-t1.jpg?v=4') no-repeat;background-size:cover;}
.p2-t2{position:absolute;left:0;background:transparent url('./img/p2-t2.png?v=2') no-repeat;background-size:cover;}
.p2-z1{position:absolute;font-size:14px;color:#00898c;}
.p2-z2, .p2-z3{position:absolute;color:#f7ffff;text-align:center; width:100%;}
.p-btm{position:absolute;width:100%;bottom:0;left:0;}
.wan-t2{position:absolute;width:100%;left:0;display:block;}
.wan-z2{position:absolute;width:100%;font-size:12px;color:#00898c;text-align:center;}
</style></head>
<body>
<div class="container">
	 <div class="home page">
	    
	    <div class="home-t1 lw100 animated fadeInDown">
	        <input id="home-phone" class="txt" name="home-phone" type="number" value="" placeholder="输入..." />
	        <div class="home-qren simg"></div>
	    </div>
	    <img class="p-btm fadeInBottomLeft anid15" src="./img/home-t2.jpg" />
	 </div>
	 
	 <div class="p2 page">
	     <img class="p2-t1 lw100" src="./img/p2-t1.png" />
	     <div class="p2-z1"></div>
	     <div class="p2-t2">
	         <div class="p2-z2">您的会议座次为28号</div>
	         <div class="p2-z3">您的合影位置右第三排第4位</div>
	     </div>
	     <img class="p2-t3 p-btm" src="./img/p2-t2.jpg" />
	 </div>
	 
	 <div class="p3 page">
	    <img class="p-b" src="./img/3.jpg" />
     </div>
     <div class="p4 page">
	    <img class="p-b" src="./img/4.jpg" />
     </div>
     <div class="p5 page">
	    <img class="lw100  animated fadeInDown" src="./img/p5-t1.jpg" />
	    <img class="p-btm  fadeInBottomLeft anid15" src="./img/p5-t2.jpg" />
	    <div class="p5-t1 simg"></div>
	    <div class="p5-t2 simg"></div>
	    <div class="p5-t3 simg"></div>
	    
     </div>
     
     <div class="wan page">
	    <img class="p2-t1 lw100" src="./img/p2-t1.png" />
	    <div class="p2-z1">尊敬的刘一一，</div>
	    <img class="wan-t2" src="./img/wan-t2.png" />
	    <div class="wan-z2">即将进入下一页（3s）</div>
	    <img class="p2-t3 p-btm" src="./img/p2-t2.jpg" />
     </div>
     
    <div id="loadingToast" class="weui-toast" style="display:none;">
         <i class="weui-icon-warn weui-icon_toast"></i>
         <p class="weui-toast__content weui-msg"></p>
    </div>
     
    
</div>
 
<script src="http://mat1.gtimg.com/libs/jquery2/2.1.4/jquery2.min.js"></script>
<script src="<?php echo $cdnUrl ?>js/pxloader-images.min.js"></script>
<script src="<?php echo $cdnUrl ?>js/swiper.min.js"></script>
<script src="http://res.wx.qq.com/open/js/jweixin-1.4.0.js"></script><?php include 'js.php'; ?></body></html>